package components.especiales
{
	import mx.containers.VBox;
	import mx.controls.Image;
	import mx.controls.TextArea;

	public class AccordionItem extends VBox
	{
				[Bindable]
		private var etiqueta:String;
		public var imagen:Image;
		private var texto:TextArea;

		public function AccordionItem(etiqueta:String, imagePath:String)
		{
			super();
			this.setStyle("horizontalAlign","center");
			this.setStyle("verticalAlign","middle");
			this.etiqueta = etiqueta;

			texto = new TextArea();
			texto.text = etiqueta;
			texto.alpha = 0;
			texto.enabled = false;
			texto.width = 100;
			//texto.setStyle("width","60%" );
			texto.setStyle("fontWeight","bold" );
			texto.setStyle("disabledColor","#000000" );
			texto.setStyle("borderStyle","none" );
			texto.setStyle("textAlign","center" );
			texto.setStyle("fontSize","11" );

			imagen = new Image();
			imagen.source = imagePath;
			imagen.width = 50;
			imagen.height = 50;

			addChild(imagen);
			addChild(texto);


		}

		public function set image(image:String):void{
			if (!imagen)
				imagen = new Image();
			imagen.source = image;
			imagen.width = 40;
			imagen.height = 40;
			addChild(imagen);
		}

		public function set text(text:String):void{
			this.etiqueta=text;
		}

		public function get text():String{
			return etiqueta;
		}


	}
}